﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        (function ($) {
            $.fn.extend({
                Foo1: function () {
                    return "foo";
                }
            });

            $.extend({
                Bar1: function () {
                    return "bar";
                }
            });

            $.fn.Foo2 = function () {
                return "foo";
            }

            $.Bar2 = function () {
                return "bar";
            }

            $.extend({
                Browsers: function () {
                    this.myName = function () {
                        return "qingdao";
                    }
                    this.myAge = 30;

                    return this;
                }
            });
        })(jQuery);
        

        alert($.Bar1());
        alert($(".class").Foo1());

        alert($.Bar2());
        alert($(".class").Foo2());
    </script>
</head>
<body>
    开发jQuery插件有两种方式：1.在jQuery实例上进行（即允许选择页面上的某些元素，对其进行操作）2.在jQuery静态类上进行（不用选择页面元素直接使用）。具体使用哪种方式，请根据是否需要对页面元素操作这个场景而定。<br /><br />

    具体进行jQuery扩展时，有两种代码表现形式（使用extend方法和直接附加方法的方式），对实例扩展和静态扩展均适用。<br /><br />

    进行jQuery扩展的时候，通常扩展的不仅仅是一个简单的信息，而是一个比较复杂的对象，这个对象内又嵌套其他的属性和方法，如想让嵌套的成员能够被使用，请一定要在扩展的最后一行写上return this；
</body>
</html>
